<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="" th:href="@{/webjars/bootstrap/4.3.1/css/bootstrap.css}" rel="stylesheet">
    <link href="" th:href="@{/webjars/bootstrap/4.3.1/js/bootstrap.js}" rel="stylesheet">
    <!--<link href="" th:href="@{/webjars/jquery/3.4.1/jquery.min.js}" rel="stylesheet">-->
</head>
<body>
<!-- topbar -->
<header th:fragment="topbar">
    <div class="text-center" style="background-color: #e9ecef;height: 120px;margin: 0 ">
        <h1>这是一个首页</h1>
        <p>重置浏览器窗口大小查看效果！</p>
    </div>
</header>
<!--
 th:class="${activeUri == 'main'?'nav-link active':'nav-link' }"
 th:class="${activeUri == 'main'?'nav-link active':'nav-link' }"
-->
<!-- sidebar -->
<nav th:fragment="sidebar" id="sidebar">
    <ul class="nav nav-pills flex-column">
        <li class="nav-item">
            <a class="nav-link active" href="/main" th:href="@{/main}"
            >首页</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="/users" th:href="@{/users}"
            >用户管理</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">链接</a>
        </li>
        <li class="nav-item">
            <a class="nav-link disabled" href="#">禁用</a>
        </li>
    </ul>
</nav>

</body>
</html>